﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="map.aspx.cs" Inherits="GroundWater.map" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>自动监测井分布图</title>
    <script src="js/jquery.js" type="text/javascript" language="javascript"></script>
    <script src="js/jquery.query.js" type="text/javascript" language="javascript"></script>
    <script src="js/ui.core.js" type="text/javascript" language="javascript"></script>
    <script src="js/ui.draggable.js" type="text/javascript" language="javascript"></script>
</head>
<body >

<%--onresize="resizeWindow();"--%>
    <form id="form1" runat="server">
    
    <%--<div class="contentPanel" id="contentPanel" style="height:100%;">
					<iframe id="waterQuery" name="waterQuery" src="map.aspx" scrolling="yes"  frameborder="0" style=" width:100%; height:96%;" ></iframe>
				</div>--%>
    
    <asp:ImageMap ID="ImageMap1" runat="server" ImageUrl="~/images/map.jpg" 
        Height="950px" Width="683px" onclick="ImageMap1_Click">
        
 
            <asp:CircleHotSpot AlternateText="1号井" Radius="10" X="528" Y="1469" HotSpotMode="PostBack" PostBackValue="1" />
            <asp:CircleHotSpot AlternateText="2号井" Radius="10" X="539" Y="1356" HotSpotMode="PostBack" PostBackValue="2" />
            <asp:CircleHotSpot AlternateText="3号井" Radius="10" X="499" Y="1356" HotSpotMode="PostBack" PostBackValue="3" />
            <asp:CircleHotSpot AlternateText="4号井" Radius="10" X="485" Y="1333" HotSpotMode="PostBack" PostBackValue="4" />
            <asp:CircleHotSpot AlternateText="5号井" Radius="10" X="584" Y="1180" HotSpotMode="PostBack" PostBackValue="5" />
            <asp:CircleHotSpot AlternateText="6号井" Radius="10" X="550" Y="1180" HotSpotMode="PostBack" PostBackValue="6" />
            <asp:CircleHotSpot AlternateText="7号井" Radius="10" X="522" Y="1163" HotSpotMode="PostBack" PostBackValue="7" />
            <asp:CircleHotSpot AlternateText="8号井" Radius="10" X="652" Y="1066" HotSpotMode="PostBack" PostBackValue="8" />
            <asp:CircleHotSpot AlternateText="9号井" Radius="10" X="615" Y="1078" HotSpotMode="PostBack" PostBackValue="9" />
            <asp:CircleHotSpot AlternateText="10号井" Radius="10" X="564" Y="1078" HotSpotMode="PostBack" PostBackValue="10" />
            
            <asp:CircleHotSpot AlternateText="11号井" Radius="10" X="488" Y="1083" HotSpotMode="PostBack" PostBackValue="11" />
            <asp:CircleHotSpot AlternateText="12号井" Radius="10" X="607" Y="930" HotSpotMode="PostBack" PostBackValue="21" />
            <asp:CircleHotSpot AlternateText="13号井" Radius="10" X="567" Y="936" HotSpotMode="PostBack" PostBackValue="13" />
            <asp:CircleHotSpot AlternateText="14号井" Radius="10" X="528" Y="930" HotSpotMode="PostBack" PostBackValue="14" />
            <asp:CircleHotSpot AlternateText="15号井" Radius="10" X="669" Y="788" HotSpotMode="PostBack" PostBackValue="15" />
            <asp:CircleHotSpot AlternateText="16号井" Radius="10" X="726" Y="786" HotSpotMode="PostBack" PostBackValue="16" />
            <asp:CircleHotSpot AlternateText="17号井" Radius="10" X="857" Y="763" HotSpotMode="PostBack" PostBackValue="17" />
            <asp:CircleHotSpot AlternateText="18号井" Radius="10" X="811" Y="766" HotSpotMode="PostBack" PostBackValue="18" />
            <asp:CircleHotSpot AlternateText="19号井" Radius="10" X="896" Y="607" HotSpotMode="PostBack" PostBackValue="19" />
            <asp:CircleHotSpot AlternateText="20号井" Radius="10" X="947" Y="624" HotSpotMode="PostBack" PostBackValue="20" />
            
            <asp:CircleHotSpot AlternateText="21号井" Radius="10" X="908" Y="482" HotSpotMode="PostBack" PostBackValue="21" />
            <asp:CircleHotSpot AlternateText="22号井" Radius="10" X="987" Y="499" HotSpotMode="PostBack" PostBackValue="22" />
            <asp:CircleHotSpot AlternateText="23号井" Radius="10" X="777" Y="403" HotSpotMode="PostBack" PostBackValue="23" />
            <asp:CircleHotSpot AlternateText="24号井" Radius="10" X="743" Y="406" HotSpotMode="PostBack" PostBackValue="24" />
            <asp:CircleHotSpot AlternateText="25号井" Radius="10" X="689" Y="403" HotSpotMode="PostBack" PostBackValue="25" />
            <asp:CircleHotSpot AlternateText="26号井" Radius="10" X="839" Y="618" HotSpotMode="PostBack" PostBackValue="26" />
            <asp:CircleHotSpot AlternateText="27号井" Radius="10" X="794" Y="641" HotSpotMode="PostBack" PostBackValue="27" />
            <asp:CircleHotSpot AlternateText="28号井" Radius="10" X="743" Y="613" HotSpotMode="PostBack" PostBackValue="28" />
            <asp:CircleHotSpot AlternateText="29号井" Radius="10" X="686" Y="613" HotSpotMode="PostBack" PostBackValue="29" />
            <asp:CircleHotSpot AlternateText="30号井" Radius="10" X="641" Y="607" HotSpotMode="PostBack" PostBackValue="30" />

            <asp:CircleHotSpot AlternateText="31号井" Radius="10" X="573" Y="601" HotSpotMode="PostBack" PostBackValue="31" />
            <asp:CircleHotSpot AlternateText="32号井" Radius="10" X="545" Y="607" HotSpotMode="PostBack" PostBackValue="32" />
            <asp:CircleHotSpot AlternateText="33号井" Radius="10" X="471" Y="618" HotSpotMode="PostBack" PostBackValue="33" />
            <asp:CircleHotSpot AlternateText="34号井" Radius="10" X="630" Y="737" HotSpotMode="PostBack" PostBackValue="34" />
            <asp:CircleHotSpot AlternateText="35号井" Radius="10" X="590" Y="754" HotSpotMode="PostBack" PostBackValue="35" />
            <asp:CircleHotSpot AlternateText="36号井" Radius="10" X="522" Y="766" HotSpotMode="PostBack" PostBackValue="36" />
            <asp:CircleHotSpot AlternateText="37号井" Radius="10" X="479" Y="746" HotSpotMode="PostBack" PostBackValue="37" />
            <asp:CircleHotSpot AlternateText="38号井" Radius="10" X="448" Y="737" HotSpotMode="PostBack" PostBackValue="38" />
            <asp:CircleHotSpot AlternateText="39号井" Radius="10" X="476" Y="930" HotSpotMode="PostBack" PostBackValue="39" />
            <asp:CircleHotSpot AlternateText="40号井" Radius="10" X="437" Y="1086" HotSpotMode="PostBack" PostBackValue="40" />
            
            <asp:CircleHotSpot AlternateText="41号井" Radius="10" X="448" Y="1163" HotSpotMode="PostBack" PostBackValue="41" />
            <asp:CircleHotSpot AlternateText="42号井" Radius="10" X="329" Y="1350" HotSpotMode="PostBack" PostBackValue="42" />
            <asp:CircleHotSpot AlternateText="43号井" Radius="10" X="420" Y="1361" HotSpotMode="PostBack" PostBackValue="43" />
            <asp:CircleHotSpot AlternateText="44号井" Radius="10" X="369" Y="1571" HotSpotMode="PostBack" PostBackValue="44" />
            <asp:CircleHotSpot AlternateText="45号井" Radius="10" X="397" Y="1571" HotSpotMode="PostBack" PostBackValue="45" />
            <asp:CircleHotSpot AlternateText="46号井" Radius="10" X="431" Y="1577" HotSpotMode="PostBack" PostBackValue="46" />
            <asp:CircleHotSpot AlternateText="47号井" Radius="10" X="587" Y="1733" HotSpotMode="PostBack" PostBackValue="47" />
            <asp:CircleHotSpot AlternateText="48号井" Radius="10" X="545" Y="1730" HotSpotMode="PostBack" PostBackValue="48" />
            <asp:CircleHotSpot AlternateText="49号井" Radius="10" X="485" Y="1730" HotSpotMode="PostBack" PostBackValue="49" />
            <asp:CircleHotSpot AlternateText="50号井" Radius="10" X="442" Y="1719" HotSpotMode="PostBack" PostBackValue="50" />
 
            <asp:CircleHotSpot AlternateText="51号井" Radius="10" X="596" Y="1639" HotSpotMode="PostBack" PostBackValue="51" />
            <asp:CircleHotSpot AlternateText="52号井" Radius="10" X="647" Y="1021" HotSpotMode="PostBack" PostBackValue="52" />
            <asp:CircleHotSpot AlternateText="53号井" Radius="10" X="550" Y="1004" HotSpotMode="PostBack" PostBackValue="53" />
            <asp:CircleHotSpot AlternateText="54号井" Radius="10" X="476" Y="1021" HotSpotMode="PostBack" PostBackValue="54" />
            <asp:CircleHotSpot AlternateText="55号井" Radius="10" X="647" Y="834" HotSpotMode="PostBack" PostBackValue="55" />
            <asp:CircleHotSpot AlternateText="56号井" Radius="10" X="857" Y="476" HotSpotMode="PostBack" PostBackValue="56" />
            <asp:CircleHotSpot AlternateText="57号井" Radius="10" X="1027" Y="485" HotSpotMode="PostBack" PostBackValue="57" />
            <asp:CircleHotSpot AlternateText="58号井" Radius="10" X="959" Y="403" HotSpotMode="PostBack" PostBackValue="58" />
            <asp:CircleHotSpot AlternateText="59号井" Radius="10" X="990" Y="414" HotSpotMode="PostBack" PostBackValue="59" />
            <asp:CircleHotSpot AlternateText="60号井" Radius="10" X="1052" Y="425" HotSpotMode="PostBack" PostBackValue="60" />
            
            <asp:CircleHotSpot AlternateText="61号井" Radius="10" X="1081" Y="431" HotSpotMode="PostBack" PostBackValue="61" />
            <asp:CircleHotSpot AlternateText="62号井" Radius="10" X="1044" Y="346" HotSpotMode="PostBack" PostBackValue="62" />
            <asp:CircleHotSpot AlternateText="63号井" Radius="10" X="1095" Y="352" HotSpotMode="PostBack" PostBackValue="63" />
            <asp:CircleHotSpot AlternateText="64号井" Radius="10" X="803" Y="278" HotSpotMode="PostBack" PostBackValue="64" />
            <asp:CircleHotSpot AlternateText="65号井" Radius="10" X="1072" Y="301" HotSpotMode="PostBack" PostBackValue="65" />
            <asp:CircleHotSpot AlternateText="66号井" Radius="10" X="1117" Y="306" HotSpotMode="PostBack" PostBackValue="66" />
            <asp:CircleHotSpot AlternateText="67号井" Radius="10" X="1081" Y="272" HotSpotMode="PostBack" PostBackValue="67" />
            <asp:CircleHotSpot AlternateText="68号井" Radius="10" X="1151" Y="264" HotSpotMode="PostBack" PostBackValue="68" />
            <asp:CircleHotSpot AlternateText="69号井" Radius="10" X="1185" Y="216" HotSpotMode="PostBack" PostBackValue="69" />
            <asp:CircleHotSpot AlternateText="70号井" Radius="10" X="737" Y="284" HotSpotMode="PostBack" PostBackValue="70" />
  
            <asp:CircleHotSpot AlternateText="71号井" Radius="10" X="783" Y="346" HotSpotMode="PostBack" PostBackValue="71" />
            <asp:CircleHotSpot AlternateText="72号井" Radius="10" X="737" Y="346" HotSpotMode="PostBack" PostBackValue="72" />
            <asp:CircleHotSpot AlternateText="73号井" Radius="10" X="777" Y="482" HotSpotMode="PostBack" PostBackValue="73" />
            <asp:CircleHotSpot AlternateText="74号井" Radius="10" X="703" Y="499" HotSpotMode="PostBack" PostBackValue="74" />
            <asp:CircleHotSpot AlternateText="75号井" Radius="10" X="607" Y="493" HotSpotMode="PostBack" PostBackValue="75" />
            <asp:CircleHotSpot AlternateText="76号井" Radius="10" X="539" Y="499" HotSpotMode="PostBack" PostBackValue="76" />
            <asp:CircleHotSpot AlternateText="77号井" Radius="10" X="442" Y="493" HotSpotMode="PostBack" PostBackValue="77" />
            <asp:CircleHotSpot AlternateText="78号井" Radius="10" X="771" Y="732" HotSpotMode="PostBack" PostBackValue="78" />
            <asp:CircleHotSpot AlternateText="79号井" Radius="10" X="732" Y="732" HotSpotMode="PostBack" PostBackValue="79" />
            <asp:CircleHotSpot AlternateText="80号井" Radius="10" X="675" Y="749" HotSpotMode="PostBack" PostBackValue="80" />
            
            <asp:CircleHotSpot AlternateText="81号井" Radius="10" X="596" Y="839" HotSpotMode="PostBack" PostBackValue="81" />
            <asp:CircleHotSpot AlternateText="82号井" Radius="10" X="550" Y="839" HotSpotMode="PostBack" PostBackValue="82" />
            <asp:CircleHotSpot AlternateText="83号井" Radius="10" X="499" Y="842" HotSpotMode="PostBack" PostBackValue="83" />
            <asp:CircleHotSpot AlternateText="84号井" Radius="10" X="442" Y="1024" HotSpotMode="PostBack" PostBackValue="84" />
            <asp:CircleHotSpot AlternateText="85号井" Radius="10" X="528" Y="1270" HotSpotMode="PostBack" PostBackValue="85" />
            <asp:CircleHotSpot AlternateText="86号井" Radius="10" X="431" Y="1259" HotSpotMode="PostBack" PostBackValue="86" />
            <asp:CircleHotSpot AlternateText="87号井" Radius="10" X="408" Y="1460" HotSpotMode="PostBack" PostBackValue="87" />
            <asp:CircleHotSpot AlternateText="88号井" Radius="10" X="533" Y="1628" HotSpotMode="PostBack" PostBackValue="88" />
            <asp:CircleHotSpot AlternateText="89号井" Radius="10" X="465" Y="1639" HotSpotMode="PostBack" PostBackValue="89" />
            <asp:CircleHotSpot AlternateText="90号井" Radius="10" X="408" Y="1645" HotSpotMode="PostBack" PostBackValue="90" />
      
    </asp:ImageMap>
<script type="text/javascript">
//<![CDATA[


//        window.onload = function() {
//            window.setTimeout(function() {
//                var img = document.getElementById("ImageMap1");
////                img.onclick = function() {
////                    var sw = img.style.width;
////                    var iw = sw.substr(0, sw.length - 2);
////                    var sh = img.style.height;
////                    var ih = sw.substr(0, sh.length - 2);
////                    if (iw < 1200) {
////                        img.style.width = parseInt(sw) * 1.1 + "px";
////                        img.style.height = parseInt(ih) * 1.5 + "px";
////                    }
////                    else {
////                        //img.style.width = "600px";
////                        //img.style.height = "842px";
////                    }
////                }
//                img.ondblclick = function() {
//                    //var sw = img.style.width;
//                    //var iw = sw.substr(0, sw.length - 2);
//                    img.style.width = "1367px";
//                    img.style.height = "1900px";
//                    //if (iw < 1200) {
//                        //img.style.width = "1200px";
//                        //img.style.height = "1682px";
//                    //}
////                    else {
////                        img.style.width = "600px";
////                        img.style.height = "842px";
////                        img.style.left = "10px";
////                        img.style.top = "10px";
////                    }
//                }
//            }, 0);
//        };

//        function resizeWindow() {
//            //alert(getWindowWidth());
//        
//        }
//        
//        function getWindowWidth() {
//        var windowWidth = 0;
//        if (typeof (window.innerWidth) == 'number') {
//            windowWidth = window.innerWidth;
//        }
//        else {
//            if (document.documentElement && document.documentElement.clientWidth) {
//                windowWidth = document.documentElement.clientWidth;
//            }
//            else {
//                if (document.body && document.body.clientWidth) {
//                    windowWidth = document.body.clientWidth;
//                }
//            }
//        }
//        return windowWidth;
//    }
        //]]>
    </script>
    <script type="text/javascript">
        //<![CDATA[
        jQuery(document).ready(function() {

            var isMax = jQuery.query.get("img");
            if (isMax === 1) {
                var img = document.getElementById("ImageMap1");
                img.style.width = "1367px";
                img.style.height = "1900px";
                //                jQuery(this).css("width", "1367px");
                //                jQuery(this).css("height", "1900px");
            }
            //$("#imgContainer").draggable({ iframeFix: true }, { grid: [50, 500] }); //{ containment: '#imgContainer' }{ revert: true }{ cursorAt: { top: 500} }
            jQuery("#ImageMap1").dblclick(function() {
                jQuery(this).css("width", "1367px");
                jQuery(this).css("height", "1900px");
            });

        });
        //]]>
</script>
<asp:Literal ID="lblJavaScript" EnableViewState="false" runat="server"></asp:Literal>
    </form>
    </body>
</html>
